<table id="datagrid_${action_id}"></table>
<script type="text/javascript">

$(function() {
	
	$('#datagrid_${action_id}').datagrid({
	iconCls:'icon-save',
	width:'auto',
	height:'auto',
	nowrap: false,
	fit:true,
	singleSelect:true,
	fitColumns:true,
	striped: true,
	sortName: 'order',
	sortOrder: 'asc',
	url:'${request.contextPath}${namespace?default('')}/mp/product/specifications-datagrid.json',
	remoteSort: true,
	idField:'id',
	onBeforeLoad:function(){$('#datagrid_${action_id}').datagrid('unselectAll');},
	columns:[[
				//{title:'${action.getDatagridTitle('id')}',field:'id',width:100,align:'center'},
				{title:'${action.getDatagridTitle('name')}',field:'name',width:100,align:'center'},
				{title:'${action.getDatagridTitle('order')}',field:'order',width:100,align:'center',sortable:true},
				{title:'${action.getDatagridTitle('remarks')}',field:'remarks',width:100,align:'center'}
			]],
	pagination:true,
	rownumbers:true,
	onDblClickRow:function(idx,data){if(typeof onDblClickRow_${action_id} != 'undefined'){onDblClickRow_${action_id}(idx,data)}},
	onClickRow:function(idx,data){if(typeof onClickRow_${action_id} != 'undefined'){onClickRow_${action_id}(idx,data)}},
	onRowContextMenu:function(e,idx,data){if(typeof onRowContextMenu_${action_id} != 'undefined'){$(this).datagrid('selectRow', idx);onRowContextMenu_${action_id}(e,idx,data)}}
});

});

</script>
